<template>
	<view>
		<custom-nav-bar title="系统公告" @rightBtn="showFilter = true" isRight="false"/>
		<view :style="{ marginTop: totalNavHeight + 'px' }">
			<view class="announcement-container">
			  <!-- 公告项 -->
			  <view 
			   v-if="tradeList && tradeList.length>0"
			    class="announcement-card"
			    :class="card.type"
			    v-for="(card, index) in tradeList"
			    :key="index"
				@click="details(card.id)"
			  >
			    <view class="announcement-title">
			      <!-- <uni-icons :type="card.icon" size="18" color="#2c3e50"></uni-icons> -->
			      {{ card.title }}
			    </view>
			    <view class="announcement-summary">
			      {{ card.describe }} 
			    </view>
			    <view class="announcement-meta">
			      <!-- <text>{{ card.author }}</text> -->
				  <text></text>
			      <text>{{ timeString(card.createtime)}}</text>
			    </view>
			  </view>
			  <EmptyRecord v-else></EmptyRecord>
			</view>
		</view>
		
	</view>
</template>

<script src="./index.js"></script>
<style scoped src="./index.scss" lang="scss" scoped></style>
